<template>
  <div>
    <div class="header">城市选择
      <router-link to="/">
        <div class="iconfont header-back">&#xe624;</div>
      </router-link>
    </div>
  </div>
</template>
 <script>
export default {
  name: "CityHeader"
};
</script>
 <style lang="stylus" scoped>
 @import '~styles/varibles.styl';

 .header {
   position: relative;
   overflow: hidden;
   height: 0.86rem;
   line-height: 0.86rem;
   text-align: center;
   color: #fff;
   background: $bgColor;
   font-size: 0.32rem;

   .header-back {
     width: 0.64rem;
     position: absolute;
     top: 0;
     left: 0;
     text-align: center;
     font-size: 0.4rem;
     color:#fff;
   }
 }
</style>
